<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="utf-8">
	<title>家电详情</title>
	<link rel="icon" href="img/milogo.ico" type="image/x-icon">
	<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="CSS/reset.css"/>
	<link rel="stylesheet" type="text/css" href="CSS/currency.css"/>
	<link rel="stylesheet" type="text/css" href="CSS/HomeAppliance.css"/>
	<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
</head>
<body>
<!-- 顶部菜单模块 -->
<th:block th:include="header"></th:block>

<!-- 页面右侧固定版块 -->
<div class="right-fix">
	<ul>
		<li class="iconfont icon-shouji">
			<div class="number-qrode">
				<img src="img/index/download.png" width="90px">
				<p>扫码领取新<br>人百元礼包</p>
				<!-- <span class="Scan-text-triangle"></span> -->
			</div>
		</li>
		<li ><a class="iconfont icon-icon-" href="profile.html" target="_blank"></a></li>
		<li class="iconfont icon-buoumaotubiao46"></li>
		<li class="iconfont icon-kefu"></li>
		<li><a class="iconfont icon-gouwuche" href="cart.html" target="_blank"></a></li>
	</ul>
</div>


<!-- 导航栏下，家电详情列表 -->
<div class="nav-bar">
	<div class="container clearfix">
		<div class="fl bar-left">
			<ul>
				<li>小米电视 EA75 2022款</li>
				<li>EA50 2022款</li>
				<li>EA65 2022款</li>
				<li>EA55 2022款</li>
				<li>EA43 2022款</li>
				<li>EA32 2022款</li>
				<li>EA40 2022款</li>
			</ul>
		</div>
		<div class="fr bar-right">
			<ul>
				<li>概述页</li>
				<li>参数页</li>
				<li>F码通道</li>
				<li>咨询客服</li>
				<li>用户评价</li>
			</ul>
		</div>
	</div>
</div>


<!-- 产品详情 -->

<div class="product">
	<div class="container clearfix">
		<div class="fl product-left">	<!-- 左侧轮播图 -->
			<!-- <img src="img/HomeAppliance/rotate1.jpg" > -->
			<div class="switch-box">
				<div class="clearfix">
					<span class="left iconfont icon-zuo"></span>
					<span class="fr right iconfont icon-you"></span>
				</div>
				<ul class="switch-icons">
					<li class="first select"></li>
					<li></li>
					<li></li>
					<li></li>
					<li class="last"></li>
				</ul>
			</div>
		</div>




		<div class="product-right">	<!-- 右侧购买选项 -->
			<h2 th:text="${product.name}">小米电视 EA75 2022款</h2>
			<p class="product-right-title"><span class="product-tilte-desc">「小米电视9月开门红」「价保30天，买贵补差」</span>4K超高清画质/AI远场语音/Unibody金属全面屏/DTS音频解码</p>

			<p class="product-company-info">小米自营</p>

			<p class="product-price-info" th:text="${product.price}">4499 元</p>
			<hr>
			<div class="product-address">
				<div class="adress-top">
					<span class="iconfont icon-address"><!-- 定位图标 --></span>
					<span>北京</span>
					<span>北京市</span>
					<span>海淀区</span>
					<span>清河街道</span>
					<span>修改</span>
				</div>
				<div class="address-bottom">有现货</div>
			</div>

			<div class="choice-title">选择颜色</div>
			<div class="choice-list">黑色</div>
			<div class="choice-title">选择尺寸</div>
			<div class="choice-list">75英寸</div>


			<div class="menu-title clearfix">
				<span>选择小米提供的会员服务</span>
				<span>了解会员服务></span>
			</div>
			<div class="menu-title-list">
				<div><input class='chec check1' type="checkbox"/></div>
				<div><img src="img/HomeAppliance/T1TexjBsKT1RXrhCrK.jpg" ></div>
				<div>
					<p><h3>影视会员年卡</h3><span class="em">已省249元</span></p>
					<p>
						<span class="dess">小米影视会员年卡</span>
					</p>
				</div>
				<span class="dess-money">249元</span>
			</div>
			<div class="menu-title clearfix">
				<span>选择小米提供的安装服务</span>
				<span>了解安装服务></span>
			</div>
			<div class="menu-title-list">
				<div><input class='chec check2' type="checkbox"/></div>
				<div><img src="img/HomeAppliance/pms_1614764715.88331998.jpg" ></div>
				<div>
					<p><h3>电视座装服务</h3><span class="em">130元</span></p>
					<p>
						<span class="dess">70-79英寸电视座装</span>
					</p>
				</div>
				<span class="dess-money">130元</span>
			</div>
			<div class="menu-title-list">
				<div><input class='chec check3' type="checkbox"/></div>
				<div><img src="img/HomeAppliance/pms_1614764325.13085997.jpg" ></div>
				<div>
					<p><h3>电视挂装服务</h3><span class="em">300元</span></p>
					<p>
						<span class="dess">70-79英寸电视挂装（含电视挂架）</span>
					</p>
				</div>
				<span class="dess-money">300元</span>
			</div>


			<div class="select-list">
				<div class="select-content clearfix">
					<span>小米电视 EA75 2022款 黑色 75英寸</span>
					<span>4499元 <s>4999元</s></span>
				</div>
				<div class="select-total">总计：4499元</div>
			</div>


			<div class="btn">
				<button class="addCart" type="button" id="addCart"><a href="javascript:;" style="color: #fcf5ff;">加入购物车</a></button>
				<button class="iconfont icon-aixin likeCart" type="button">喜欢</button>
			</div>

			<div class="icon">
				<span class='iconfont icon-duihao'>小米自营</span>
				<span class='iconfont icon-duihao'>小米发货</span>
				<span class='iconfont icon-duihao'>7天无理由退货</span>
				<span class='iconfont icon-duihao'>运费说明</span>
				<span class='iconfont icon-duihao'>企业信息</span>
				<span class='iconfont icon-duihao'>30天价格保护</span>
			</div>


		</div>

	</div>
</div>


<!-- 价格说明 -->
<div class="descirpt">
	<div class="container">
		<h2>价格说明</h2>
		<div class="descript-des">
			<div>
				<span>划线价：</span>商品展示的划横线价格为参考价,该价格可能是品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价(如厂商指导价、建议零售价
				等)或该商品在小米商城/小米有品/天猫小米官方旗舰店曾经展示过的销售价;由于地区、时间的差异性和市场行情波动，品牌专柜标价、商品吊牌价
				等可能会与您购物时展示的不- -致,该价格仅供您参考。
			</div>
		</div>

	</div>
</div>



























<!-- 底部导航栏 -->
<div class="footer-banner">
	<div class="container">
		<div class="footer-service">	<!-- 维修服务 -->
			<ul>
				<li>
					<i class="iconfont icon-buoumaotubiao46"></i>
					预约维修服务
				</li>
				<li>
					<i class="iconfont icon-7tiantuihuanhuo"></i>
					7天无理由退货
				</li>
				<li>
					<i class="iconfont icon-15tianwuliyoutuihuo"></i>
					15天免费换货
				</li>
				<li>
					<i class="iconfont icon-liwu"></i>
					满69包邮
				</li>
				<li>
					<i class="iconfont icon-address"></i>
					520余家售后网点
				</li>
			</ul>
		</div>
		<div class="footer-help">
			<div class="footer-help-list clearfix">
				<dl>
					<dt>帮助中心</dt>
					<dd>账户管理</dd>
					<dd>购物指南</dd>
					<dd>订单操作</dd>
				</dl>
				<dl>
					<dt>服务支持</dt>
					<dd>售后政策</dd>
					<dd>自助服务</dd>
					<dd>相关下载</dd>
				</dl>
				<dl>
					<dt>线下门店</dt>
					<dd>小米之家</dd>
					<dd>服务网点</dd>
					<dd>授权体验店</dd>
				</dl>
				<dl>
					<dt>关于小米</dt>
					<dd>了解小米</dd>
					<dd>加入小米</dd>
					<dd>投资者关系</dd>
					<dd>企业社会责任</dd>
					<dd>廉洁举报</dd>
				</dl>
				<dl>
					<dt>关注我们</dt>
					<dd>新浪微博</dd>
					<dd>官方微信</dd>
					<dd>联系我们</dd>
					<dd>公益基金会</dd>
				</dl>
				<dl>
					<dt>特色服务</dt>
					<dd>F 码通道</dd>
					<dd>礼物码</dd>
					<dd>防伪查询</dd>
				</dl>
			</div>
			<div class="footer-help-phone">
				<p>400-100-5678</p>
				<p>8:00-18:00（仅收市话费）</p>
				<p class="customer">
					<i class="iconfont icon-xiaoxi"></i>
					人工客服
				</p>
				<p class="follow">
					关注小米：
					<i class="iconfont icon-weibo1"></i>
					<i class="iconfont icon-weixin1"></i>
				</p>
			</div>
		</div>
	</div>
</div>

<!-- 底部信息栏 -->
<div class="footer-bottom">
	<div class="container">
		<div class="iconfont icon-icon-xiaomiguishu"></div>
		<div class="bottom-box">
			<div class="bottom-one">	<!-- 底部信息栏第一行 -->
				<ul>
					<li>小米商城</li>
					<li>MIUI</li>
					<li>米家</li>
					<li>米聊</li>
					<li>多看</li>
					<li>游戏</li>
					<li>政企服务</li>
					<li>小米天猫店</li>
					<li>小米集团隐私政策</li>
					<li>小米公司儿童信息保护规则</li>
					<li>小米商城隐私政策</li>
					<li>小米商城用户协议</li>
					<li>问题反馈</li>
					<li>Select Location</li>
				</ul>
			</div>
			<div class="bottom-two">	<!-- 第二行 -->
				<ul>
					<li>北京互联网法院法律服务工作站</li>
					<li>中国消费者协会</li>
					<li>北京市消费者协会</li>
				</ul>
			</div>
			<div class="bottom-three">
				<ul>
					<li>
						<a>© mi.com </a>
						<a>京ICP证110507号 </a>
						<a>京ICP备10046444号 </a>
						<a>京公网安备11010802020134号 </a>
						<a>京网文[2020]0276-042号</a>
					</li>
					<li>
						<a>（京）网械平台备字（2018）第00005号</a>
						<a>互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
						<a>营业执照</a>
						<a>医疗器械质量公告</a>
					</li>
					<li>
						<a>增值电信业务许可证</a>
						<a>网络食品经营备案 京食药网食备202010048</a>
						<a>食品经营许可证</a>
					</li>
					<li>
						<a>违法和不良信息举报电话：171-5104-4404 </a>
						<a>知识产权侵权投诉 </a>
						<a>本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>
					</li>
				</ul>
			</div>
			<div class="bottom-four">
				<a><img src="img/index/truste.png" ></a>
				<a><img src="img/index/vlogo2.png" ></a>
				<a><img src="img/index/icon3.png" ></a>
				<a><img src="img/index/ba10428a4f9495ac310fd0b5e0cf8370.png" ></a>
				<a><img src="img/index/9a9e3f6928faa53374adc14a5884f896.png" ></a>
			</div>
		</div>
		<div class="bottom-text">让全球每个人都能享受科技带来的美好生活</div>
	</div>
</div>

<script type="text/javascript" src="JS/jquery.js"></script>
<script src="JS/currency.js"></script>
<script src="JS/HomeAppliance.js"></script>
<script src="layui/layui.js"></script>
<script src="JS/common.js"></script>
<script>
	layui.use(['layer'],function() {
		var layer=layui.layer;
		var $=layui.jquery;

		var productId=[[${product.id}]];

		$("#addCart").on("click",function() {
			$.post("cart/add",{id:productId},function() {
				layer.msg("加入购物车成功")
			})
		})
	})
</script>


</body>
</html>
